﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="cale.aspx.cs" Inherits="temp_cale" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>周历样式</title>
    <style type="text/css">
        .cale_td_title{
            font-size: 10pt;
            color: #112ABB;
            text-align: center;
        }
        .cale_tr_content{
            height: 25px;
        }
        .cale_td_content_left{
            font-size: 11pt;
            text-align: right;
            vertical-align: top;
            border-bottom: #dddddd 1px solid;
            border-right: #dddddd 3px double;
        }
        .cale_td_content_leftbottom{
            font-size: 11pt;
            text-align: right;
            vertical-align: top;
            border-right: #dddddd 3px double;
        }
        .cale_td_content1{
            font-size: 10pt;
            text-align: center; 
            border-right: #dddddd 3px double; 
            border-bottom: #dddddd 1px dashed;
            background-color: white;
        }
        .cale_td_content11{
            font-size: 10pt;
            text-align: center; 
            border-right: #dddddd 3px double; 
            border-bottom: #dddddd 1px dashed;
            background-color: #FFFFCC;
        }
        .cale_td_content2{
            font-size: 10pt; 
            text-align: center;
            border-right: #dddddd 3px double; 
            border-bottom: #dddddd 1px solid; 
            background-color: white;
        }
        .cale_td_content22{
            font-size: 10pt; 
            text-align: center;
            border-right: #dddddd 3px double; 
            border-bottom: #dddddd 1px solid; 
            background-color: #FFFFCC;
        }
        .cale_td_content_time{
            background-position-y: bottom;
            background-image: url(../images/cale/s1_ctime_bkg.gif); 
            background-repeat: repeat-x;
        }
        .cale_td_content3{
            font-size: 10pt; 
            text-align: center;
            border-right: #dddddd 3px double; 
            background-color: white;
        }
        .cale_td_content33{
            font-size: 10pt; 
            text-align: center;
            border-right: #dddddd 3px double; 
            background-color: #FFFFCC;
        }
        .cale_td_content_right1{
            font-size: 10pt;
            text-align: center; 
            border-bottom: #dddddd 1px dashed;
            background-color: white;
        }
        .cale_td_content_right2{
            font-size: 10pt;
            text-align: center; 
            border-bottom: #dddddd 1px solid;
            background-color: white;
        }
        .cale_td_content_right3{
            font-size: 10pt;
            text-align: center; 
            background-color: white;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table border="0" cellpadding="0" cellspacing="0">
            <tr height="20">
                <td width="31"><img src="../images/cale/pre_week.gif" border="0" /></td><td><img src="../images/cale/next_week.gif" border="0" /></td>
            </tr>
        </table>
        <table border="0" cellpadding="0" cellspacing="0" width="90%">
            <tr>
                <td>
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr height="20">
                            <td background="../images/cale/s1_t1.gif" width="10"></td>
                            <td background="../images/cale/s1_t2.gif" align="center">
                                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td width="4%"></td>
                                        <td width="14%" class="cale_td_title">2008-10-27 mon.</td>
                                        <td width="14%" class="cale_td_title">2008-10-28 tues.</td>
                                        <td width="14%" class="cale_td_title">2008-10-29 wed.</td>
                                        <td width="14%" class="cale_td_title">2008-10-30 thurs.</td>
                                        <td width="14%" class="cale_td_title">2008-10-31 fri.</td>
                                        <td width="13%" class="cale_td_title">2008-11-01 sat.</td>
                                        <td width="13%" class="cale_td_title">2008-11-02 sun.</td>
                                    </tr>
                                </table>
                            </td>
                            <td background="../images/cale/s1_t3.gif" width="10"></td>
                        </tr>
                        <tr>
                            <td background="../images/cale/s1_l2.gif" width="10"></td>
                            <td bgcolor="#E8EEF7">
                                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                    <tr class="cale_tr_content">
                                        <td width="4%" rowspan="2" class="cale_td_content_left">12am</td>
                                        <td width="14%" class="cale_td_content1">1</td>
                                        <td width="14%" class="cale_td_content1">2</td>
                                        <td width="14%" class="cale_td_content11">3</td>
                                        <td width="14%" class="cale_td_content1">4</td>
                                        <td width="14%" class="cale_td_content1">5</td>
                                        <td width="13%" class="cale_td_content1">6</td>
                                        <td width="13%" class="cale_td_content_right1">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="14%" class="cale_td_content2">1</td>
                                        <td width="14%" class="cale_td_content2">2</td>
                                        <td width="14%" class="cale_td_content22">3</td>
                                        <td width="14%" class="cale_td_content2">4</td>
                                        <td width="14%" class="cale_td_content2">5</td>
                                        <td width="13%" class="cale_td_content2">6</td>
                                        <td width="13%" class="cale_td_content_right2">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="4%" rowspan="2" class="cale_td_content_left">1am</td>
                                        <td width="14%" class="cale_td_content1">1</td>
                                        <td width="14%" class="cale_td_content1">2</td>
                                        <td width="14%" class="cale_td_content11">3</td>
                                        <td width="14%" class="cale_td_content1">4</td>
                                        <td width="14%" class="cale_td_content1">5</td>
                                        <td width="13%" class="cale_td_content1">6</td>
                                        <td width="13%" class="cale_td_content_right1">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="14%" class="cale_td_content2">1</td>
                                        <td width="14%" class="cale_td_content2">2</td>
                                        <td width="14%" class="cale_td_content22">3</td>
                                        <td width="14%" class="cale_td_content2">4</td>
                                        <td width="14%" class="cale_td_content2">5</td>
                                        <td width="13%" class="cale_td_content2">6</td>
                                        <td width="13%" class="cale_td_content_right2">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="4%" rowspan="2" class="cale_td_content_left">2am</td>
                                        <td width="14%" class="cale_td_content1">1</td>
                                        <td width="14%" class="cale_td_content1">2</td>
                                        <td width="14%" class="cale_td_content11">3</td>
                                        <td width="14%" class="cale_td_content1">4</td>
                                        <td width="14%" class="cale_td_content1">5</td>
                                        <td width="13%" class="cale_td_content1">6</td>
                                        <td width="13%" class="cale_td_content_right1">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="14%" class="cale_td_content2">1</td>
                                        <td width="14%" class="cale_td_content2">2</td>
                                        <td width="14%" class="cale_td_content22 cale_td_content_time">3</td>
                                        <td width="14%" class="cale_td_content2">4</td>
                                        <td width="14%" class="cale_td_content2">5</td>
                                        <td width="13%" class="cale_td_content2">6</td>
                                        <td width="13%" class="cale_td_content_right2">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="4%" rowspan="2" class="cale_td_content_left">3am</td>
                                        <td width="14%" class="cale_td_content1">1</td>
                                        <td width="14%" class="cale_td_content1">2</td>
                                        <td width="14%" class="cale_td_content11">3</td>
                                        <td width="14%" class="cale_td_content1">4</td>
                                        <td width="14%" class="cale_td_content1">5</td>
                                        <td width="13%" class="cale_td_content1">6</td>
                                        <td width="13%" class="cale_td_content_right1">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="14%" class="cale_td_content2">1</td>
                                        <td width="14%" class="cale_td_content2">2</td>
                                        <td width="14%" class="cale_td_content22">3</td>
                                        <td width="14%" class="cale_td_content2">4</td>
                                        <td width="14%" class="cale_td_content2">5</td>
                                        <td width="13%" class="cale_td_content2">6</td>
                                        <td width="13%" class="cale_td_content_right2">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="4%" rowspan="2" class="cale_td_content_left">4am</td>
                                        <td width="14%" class="cale_td_content1">1</td>
                                        <td width="14%" class="cale_td_content1">2</td>
                                        <td width="14%" class="cale_td_content11">3</td>
                                        <td width="14%" class="cale_td_content1">4</td>
                                        <td width="14%" class="cale_td_content1">5</td>
                                        <td width="13%" class="cale_td_content1">6</td>
                                        <td width="13%" class="cale_td_content_right1">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="14%" class="cale_td_content2">1</td>
                                        <td width="14%" class="cale_td_content2">2</td>
                                        <td width="14%" class="cale_td_content22">3</td>
                                        <td width="14%" class="cale_td_content2">4</td>
                                        <td width="14%" class="cale_td_content2">5</td>
                                        <td width="13%" class="cale_td_content2">6</td>
                                        <td width="13%" class="cale_td_content_right2">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="4%" rowspan="2" class="cale_td_content_leftbottom">5am</td>
                                        <td width="14%" class="cale_td_content1">1</td>
                                        <td width="14%" class="cale_td_content1">2</td>
                                        <td width="14%" class="cale_td_content11">3</td>
                                        <td width="14%" class="cale_td_content1">4</td>
                                        <td width="14%" class="cale_td_content1">5</td>
                                        <td width="13%" class="cale_td_content1">6</td>
                                        <td width="13%" class="cale_td_content_right1">7</td>
                                    </tr>
                                    <tr class="cale_tr_content">
                                        <td width="14%" class="cale_td_content3">1</td>
                                        <td width="14%" class="cale_td_content3">2</td>
                                        <td width="14%" class="cale_td_content33">3</td>
                                        <td width="14%" class="cale_td_content3">4</td>
                                        <td width="14%" class="cale_td_content3">5</td>
                                        <td width="13%" class="cale_td_content3">6</td>
                                        <td width="13%" class="cale_td_content_right3">7</td>
                                    </tr>
                                </table>
                            </td>
                            <td background="../images/cale/s1_r2.gif" width="10"></td>
                        </tr>
                        <tr height="9">
                            <td background="../images/cale/s1_b1.gif" width="10"></td>
                            <td background="../images/cale/s1_b2.gif"></td>
                            <td background="../images/cale/s1_b3.gif" width="10"></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
